<template>
	<div class="blog-container">
		<layout>
			<template #default>
				<blog-list></blog-list>
			</template>
			<template #right>
				<blog-category></blog-category>
			</template>
		</layout>
	</div>
</template>

<script>
import Layout from '@/components/Layout.vue'
import BlogList from './components/BlogList.vue'
import BlogCategory from './components/BlogCategory.vue'

export default {
	name: 'Blog',
	components: { Layout, BlogList, BlogCategory },
	data() {
		return {}
	},
	methods: {
		handleSelect(item) {
			console.log(item)
		},
	},
}
</script>

<style lang="less" scoped>
.blog-container {
	width: 100%;
	height: 100%;
}
</style>
